<!DOCTYPE html>
<html >
<head>
	<meta content="text/html;charset=utf-8"/>
	<title></title>
	<!-- <link rel="stylesheet" href="css/banner.css"/> -->
	<!-- <script src="js/jquery-2.1.1.min.js"></script> -->
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<!-- <script src="js/banner.js"></script> -->
	<script type="text/javascript">
		var minSize=5;
		var maxSize=50;
		var newOn=200;
		var flakeColor = "#fff";
		var flake = $("<div></div>").css({"position":"absolute","top":"-50px"}).html("<img style='width:100px;' src='img/100.jpg' />");
		// var flake = $("<div></div>").css({"position":"absolute","top":"-50px"}).html("*");
		$(function(){
			var documentHeight = $(document).height();
			var documentwidth = $(document).width();
			setInterval(function(){
				var startPositionLeft = Math.random()*documentwidth;
				var startOpacity = 0.7+Math.random()*0.3;
				var endPositionTop = documentHeight;
				var endPositionLeft = Math.random()*documentwidth;
				var durationFall = 5000+Math.random()*3000;
				var sizeFlake = minSize+Math.random()*maxSize;
				flake.clone().appendTo("body").css({
					"left":startPositionLeft,
					"opacity":startOpacity,
					"font-size":sizeFlake,
					"color":flakeColor
				}).animate({
					"top":endPositionTop,
					"left":endPositionLeft,
					"opacity":0.5
				},durationFall,function(){$(this).remove();});
			},newOn);
		});
	</script>

	<style type="text/css">
		*{
			margin: 0px;
			padding:0px;
			font-family:"微软雅黑"; 
		}
		body{
			background-color:#000; 
		}
	</style>
</head>
<body>
	<!-- <div id="igs">
		<div class="ig"><img src="img/1.jpg" alt=""></div>
		<div class="ig"><img src="img/2.jpg" alt=""></div>
		<div class="ig"><img src="img/3.jpg" alt=""></div>
		<div class="ig"><img src="img/6.jpg" alt=""></div>
		<div class="ig"><img src="img/7.jpg" alt=""></div>
		<div class="ig"><img src="img/8.jpg" alt=""></div>
	</div>
	<div class="btn btn1"><</div><div class="btn btn2">></div>
	<div id="tabs">
		<div class="tab bg">1</div>
		<div class="tab">2</div>
		<div class="tab">3</div>
		<div class="tab">4</div>
		<div class="tab">5</div>
		<div class="tab">6</div>
	</div> -->
</body>
</html>